﻿<!DOCTYPE html>
<html lang="en">
	<head>
		<title>Inna Bieke Web Site</title>
		<link rel="shortcut icon" href="http://www.innabieke.com.ar/ib.ico">
		<meta name="description" content="Sitio web de la banda InnaBieke. Desde la zona oeste llega Inna Bieke con el mejor HurlinReggae.">
		<meta name="keywords" content="Reggae,Hurlingham,Musica,Banda,Roots,Bob Marley, Marley, Cultura Profetica">
		<meta name="author" content="Ezequiel Ball">
		<meta charset="UTF-8">
		<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
		<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
		<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="all">
		<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
		<!--Acordion de imagenes css-->
		<link rel="stylesheet" href="css/accordionImageMenu.css" type="text/css" />
		<!-- Footer audio player -->
		<link rel="stylesheet" href="css/audio-player-style.css" type="text/css" media="all">
		<script type="text/javascript" src="js/jquery-1.6.js" ></script>
		<script type="text/javascript" src="js/cufon-yui.js"></script>
		<script type="text/javascript" src="js/cufon-replace.js"></script>
  		<script type="text/javascript" src="js/Ubuntu_400.font.js"></script>
  		<script type="text/javascript" src="js/Ubuntu_700.font.js"></script>
		<script type="text/javascript" src="js/bgSlider.js" ></script>
		<script type="text/javascript" src="js/script.js" ></script>
		<script type="text/javascript" src="js/pages.js"></script>
		<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
		<script type="text/javascript" src="js/bg.js" ></script>
		<script type="text/javascript" src="js/tabs.js"></script>
		<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
		<script type="text/javascript" src="audiojs/audio.min.js"></script>
		<!-- Incluye Librerías para acordion de imagenes-->
		<script type="text/javascript" src="js/jquery-ui-1.8.10.custom.min.js"></script>
		<script type="text/javascript" src="js/accordionImageMenu-0.4.min.js"></script>
		<!-- Footer audio player plugins and dependencies -->
		<script type="text/javascript" src="js/jquery-jplayer/jquery.jplayer.js"></script>
		<script type="text/javascript" src="js/plugins/ttw-music-player-min.js"></script>
		
	</head>
	<body id="page1">
		<div class="spinner"></div>
		<div id="bgSlider"></div>
		<div class="extra">
			<div class="main">
				<div class="box">
<!-- header -->
					<header>
						<h1><a href="index.html" id="logo">Inna Bieké - Reggae Band</a></h1>
						<nav>
							<ul id="menu">
								<li><a href="#!/page_LaBanda"><span></span><strong>La Banda</strong></a></li>		
								<li><a href="#!/page_Fotos"><span></span><strong>Fotos</strong></a></li>
								<li><a href="#!/page_Videos"><span></span><strong>Videos</strong></a></li>
								<li><a href="#!/page_Fechas"><span></span><strong>Fechas</strong></a></li>
								<li><a href="#!/page_Contact"><span></span><strong>Contactanos</strong></a></li>
							</ul>
						</nav>
					</header>
<!--content -->
					<article id="content">
						<div class="ic">InnaBieke Rasta Designs - Diciembre 2012 </div>
						<ul>
							<li id="page_LaBanda">
								<div class="box1">
									<div class="inner">
										<a href="#" class="close" data-type="close"><span></span></a>
										<h2>La Banda</h2>
										<div class="wrapper">
											<div id="facebookLikePage">
												<iframe src="https://www.facebook.com/plugins/like.php?href=www.facebook.com/InnaBiekePaginaOficial"
												scrolling="no" frameborder="0"
												style="border:none; width:450px; height:80px"></iframe>
											</div>
											<p class="color1 pad_bot2"><strong>Integrantes</strong></p>
											<p> 
											<div id='fotosPresentacion'>
											   <a href='http://www.facebook.com/ballezequiel' target="blank"><span>Eze, Voz</span><img src='images/fotos/presentacion/eze.jpg' /></a>
											   <a href='http://www.facebook.com/agustin.veloso' target="blank"><span>Agus, Coros</span><img src='images/fotos/presentacion/agus.jpg' /></a>
											   <a href='http://www.facebook.com/leandro.montardit' target="blank"><span>Lean, Guitarra</span><img src='images/fotos/presentacion/lean.jpg' /></a>
											   <a href='http://www.facebook.com/rodriroot' target="blank"><span>Rodri, Percusion</span><img src='images/fotos/presentacion/rodri.jpg' /></a>
											   <a href='http://www.facebook.com/facundo.moreno.7547' target="blank"><span>Facu, Guitarra</span><img src='images/fotos/presentacion/facu.jpg' /></a>
											   <a href='http://www.facebook.com/feche.perez.1' target="blank"><span>Feche, Teclados</span><img src='images/fotos/presentacion/feche.jpg' /></a>
											   <a href='http://www.facebook.com/daniel.lombardo.56' target="blank"><span>Titi, Bajo</span><img src='images/fotos/presentacion/titi.jpg' /></a>
											   <a href='http://www.facebook.com/innabiekepaginaoficial' target="blank"><span>Edu, Bateria</span><img src='images/fotos/presentacion/edu.jpg' /></a>
											</div> 
											</p>
											<!--  							
											<p class="color1 pad_bot2"><strong>Los inicios</strong></p>
											
											<p>A principios del 2012 se encuentran en una legendaria sala casera situada en el barrio de Villa Tesei , Hurlingham , Buenos Aires , Daniel “Titi” Lombardo y Eduardo “El Viejo” Colamarino ,era el escenario perfecto, escuchaban Bob Marley y compartían vivencias de vida que los llevaron a decidir armar un proyecto musical. Entonces asi arranca esta historia.  “Titi” se comunica con Leandro Montardit con el fin de que viniera al ensayo y metiera alguna guitarra rítmica que complementara su bajo y la batería de “El Viejo”. A su vez, Federico “Feche” Pérez también vendría a armonizar las melodías con sus teclados. Así es que se plasma la primera formación de lo que sería INNA BIEKÉ. Pasaba el tiempo y las ideas empezaban a fluir lentamente. Se empezó a sentir la necesidad de incluir nuevos integrantes que aportaran su estilo y colaboren con la creación. Facundo Moreno fue el primero, quien tomo el mando de la guitarra rítmica, pasando Leandro Montardit a tocar la guitarra solista. Al poco tiempo, Ezequiel Ball vino invitado por “Titi” a cantar algunos temas y aunque la idea era venir a pasar un buen momento, pero las buenas vibras lograron que fuera la voz de la banda. El sonido de INNA BIEKÉ se sello con la inclusión de los dos percusionistas de la banda: Primero , Rodrigo Lescano y luego Agustín Veloso. Este último con dotes en composición que sincronizaban perfectamente con la ideología de la banda. </p>
										</div>
										<p class="pad_bot1">Uno a uno fueron viniendo y como por obra del Universo, se fueron quedando, y es lo que hoy es una familia. Esta es la formación que esta dando sus primeros pasos desde el oeste del conourbano con influencias de rock y reggae particularmente , hoy tiene una línea de temas propios con ese style caracteristico que identifica a INNA BIEKÉ, fusionando las influencias de diversos estilos musicales con los que vienen impregnados sus integrantes. Esta es la banda que arrancó desde lo mas bajo y fue creciendo no solo en lo musical, sino también en lo personal y sigue aprendiendo... tiñendo cada paso dado con una marca distinta y dejando lo mejor de sí cada vez...</p>
											-->
										
									</div>
								</div>
							</li>
							<li id="page_Fotos">
								<div class="box1">
									<div class="inner">
										<a href="#" class="close" data-type="close"><span></span></a>
										<div class="wrapper tabs">
											<div class="col1">
												<h2 style="padding-top:50px;"><!--Categorias--></h2>
												<ul class="nav">
													<li class="selected"><a href="#Ensayos"><span></span><strong>Ensayos Varios</strong></a></li>
													<li><a href="#20121011"><span></span><strong>10/11/12@Groucho</strong></a></li>
													<li><a href="#20121223"><span></span><strong>23/12/12@Hurlingham</strong></a></li>
													<li><a href="#20130404"><span></span><strong>04/04/13@Jacks Home</strong></a></li>
												</ul>
											</div>
											<div class="col_fotos pad_left1">
												<div class="tab-content" id="Ensayos">
													<h2>Ensayos Varios</h2>
													<div class="wrapper">
														<figure class="left marg_right1"><a href="images/fotos/201210Ensayos/1.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/fotos/201210Ensayos/1_min.jpg" alt=""></a></figure>
														<figure class="left"><a href="images/fotos/201210Ensayos/2.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/fotos/201210Ensayos/2_min.jpg" alt=""></a></figure>
													</div>
													<div class="wrapper">
														<figure class="left marg_right1"><a href="images/fotos/201210Ensayos/3.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/fotos/201210Ensayos/3_min.jpg" alt=""></a></figure>
														<figure class="left"><a href="images/fotos/201210Ensayos/4.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/fotos/201210Ensayos/4_min.jpg" alt=""></a></figure>
													</div>
													<div class="wrapper">
														<figure class="left marg_right1"><a href="images/fotos/201210Ensayos/5.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/fotos/201210Ensayos/5_min.jpg" alt=""></a></figure>
														<figure class="left"><a href="images/fotos/201210Ensayos/6.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/fotos/201210Ensayos/6_min.jpg" alt=""></a></figure>
													</div>
													<div class="wrapper">
														<figure class="left marg_right1"><a href="images/fotos/201210Ensayos/7.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/fotos/201210Ensayos/7_min.jpg" alt=""></a></figure>
														<figure class="left"><a href="images/fotos/201210Ensayos/8.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/fotos/201210Ensayos/8_min.jpg" alt=""></a></figure>
													</div>
													<div class="wrapper">
														<figure class="left marg_right1"><a href="images/fotos/201210Ensayos/9.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/fotos/201210Ensayos/9_min.jpg" alt=""></a></figure>
														<figure class="left"><a href="images/fotos/201210Ensayos/10.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/fotos/201210Ensayos/10_min.jpg" alt=""></a></figure>
													</div>
												</div>
												<div class="tab-content" id="20121011">
													<h2>Groucho Hurlingham</h2>
													<div class="wrapper">
														<figure class="left marg_right1"><a href="images/fotos/20121110Groucho/1.jpg" class="lightbox-image" data-type="prettyPhoto[group1]"><span></span><img src="images/fotos/20121110Groucho/1_min.jpg" alt=""></a></figure>
														<figure class="left"><a href="images/fotos/20121110Groucho/2.jpg" class="lightbox-image" data-type="prettyPhoto[group1]"><span></span><img src="images/fotos/20121110Groucho/2_min.jpg" alt=""></a></figure>
													</div>
													<div class="wrapper">
														<figure class="left marg_right1"><a href="images/fotos/20121110Groucho/3.jpg" class="lightbox-image" data-type="prettyPhoto[group1]"><span></span><img src="images/fotos/20121110Groucho/3_min.jpg" alt=""></a></figure>
														<figure class="left"><a href="images/fotos/20121110Groucho/4.jpg" class="lightbox-image" data-type="prettyPhoto[group1]"><span></span><img src="images/fotos/20121110Groucho/4_min.jpg" alt=""></a></figure>
													</div>
												</div>
												<div class="tab-content" id="20121223">
													<h2>Festival Hurlingham</h2>
													<div class="wrapper">
														<figure class="left marg_right1"><a href="images/fotos/20121223Hurlingham/1.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/fotos/20121223Hurlingham/1tn.jpg" alt=""></a></figure>
														<figure class="left"><a href="images/fotos/20121223Hurlingham/2.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/fotos/20121223Hurlingham/2tn.jpg" alt=""></a></figure>
													</div>
													<div class="wrapper">
														<figure class="left marg_right1"><a href="images/fotos/20121223Hurlingham/3.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/fotos/20121223Hurlingham/3tn.jpg" alt=""></a></figure>
														<figure class="left"><a href="images/fotos/20121223Hurlingham/4.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/fotos/20121223Hurlingham/4tn.jpg" alt=""></a></figure>
													</div>
													<div class="wrapper">
														<figure class="left marg_right1"><a href="images/fotos/20121223Hurlingham/5.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/fotos/20121223Hurlingham/5tn.jpg" alt=""></a></figure>
														<figure class="left"><a href="images/fotos/20121223Hurlingham/6.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/fotos/20121223Hurlingham/6tn.jpg" alt=""></a></figure>
													</div>
													<div class="wrapper">
														<figure class="left marg_right1"><a href="images/fotos/20121223Hurlingham/7.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/fotos/20121223Hurlingham/7tn.jpg" alt=""></a></figure>
														<figure class="left"><a href="images/fotos/20121223Hurlingham/8.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/fotos/20121223Hurlingham/8tn.jpg" alt=""></a></figure>
													</div>
													<div class="wrapper">
														<figure class="left marg_right1"><a href="images/fotos/20121223Hurlingham/9.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/fotos/20121223Hurlingham/9tn.jpg" alt=""></a></figure>
														<figure class="left"><a href="images/fotos/20121223Hurlingham/10.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/fotos/20121223Hurlingham/10tn.jpg" alt=""></a></figure>
													</div>
												</div>
												<div class="tab-content" id="20130404">
													<h2>Jacks Home Hurlingham</h2>
													<div class="wrapper">
														<figure class="left marg_right1"><a href="images/fotos/20130404Jacks/1.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/fotos/20130404Jacks/1tn.jpg" alt=""></a></figure>
														<figure class="left"><a href="images/fotos/20130404Jacks/2.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/fotos/20130404Jacks/2tn.jpg" alt=""></a></figure>
													</div>
													<div class="wrapper">
														<figure class="left marg_right1"><a href="images/fotos/20130404Jacks/3.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/fotos/20130404Jacks/3tn.jpg" alt=""></a></figure>
														<figure class="left"><a href="images/fotos/20130404Jacks/4.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/fotos/20130404Jacks/4tn.jpg" alt=""></a></figure>
													</div>
													<div class="wrapper">
														<figure class="left marg_right1"><a href="images/fotos/20130404Jacks/5.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/fotos/20130404Jacks/5tn.jpg" alt=""></a></figure>
														<figure class="left"><a href="images/fotos/20130404Jacks/6.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/fotos/20130404Jacks/6tn.jpg" alt=""></a></figure>
													</div>
													<div class="wrapper">
														<figure class="left marg_right1"><a href="images/fotos/20130404Jacks/7.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/fotos/20130404Jacks/7tn.jpg" alt=""></a></figure>
														<figure class="left"><a href="images/fotos/20130404Jacks/8.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/fotos/20130404Jacks/8tn.jpg" alt=""></a></figure>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</li>
							<li id="page_Videos">
								<div class="box1">
									<div class="inner">
										<a href="#" class="close" data-type="close"><span></span></a>
										<div class="wrapper pad_bot1">
											
										</div>
										<h2>Videos</h2>
										<div class="wrapper">
											<iframe id="ytplayer" type="text/html" width="600" height="360" src="https://www.youtube.com/embed/?listType=user_uploads&list=InnaBieke&theme=light" frameborder="0" allowfullscreen></iframe>
										</div>
									</div>
								</div>
							</li>
							<li id="page_Fechas">
								<div class="box1">
									<div class="inner">
										<a href="#" class="close" data-type="close"><span></span></a>
										<div class="wrapper pad_bot1">
											<div class="col290 pad_left1">
												<h2>Proximas fechas</h2>
												<!--
												<div id="calendar">
													<iframe src="https://www.google.com/calendar/embed?showTitle=0&amp;showNav=0&amp;showPrint=0&amp;showTabs=0&amp;showCalendars=0&amp;height=400&amp;wkst=1&amp;hl=es_419&amp;bgcolor=%23ffffff&amp;src=innabieke%40gmail.com&amp;color=%232F6309&amp;ctz=America%2FArgentina%2FBuenos_Aires" style=" border-width:0 " width="500" height="400" frameborder="0" scrolling="no"></iframe>
												</div>-->
												<!--<div class="wrapper">
													<div class="col_1"><span class="date"><strong>04</strong><span>Abril</span></span></div>
													<div class="col_2"><figure><img src="images/fotos/FlyerJacks.jpg" alt="" style="width: 220px;" class="pad_bot1"></figure></div>
													<div class="col_3">
														<p class="pad_bot2 color1"><strong>Jack's Home - Hurlingham</strong></p>
														<p> Direccion: Av. Jauretche 1001</p>
														<p> Horario: 22hs</p>
														<a href="https://www.facebook.com/events/519077671476071/" target="blank" class="button1"><span></span><strong>Facebook Info</strong></a>
													</div>
												</div>-->
												<div class="wrapper">
													<div class="col_1"><span class="date"><strong>10</strong><span>Mayo</span></span></div>
													<div class="col_2"><figure><img src="images/fotos/FlyerLaQuadra.jpg" alt="" style="width: 220px;" class="pad_bot1"></figure></div>
													<div class="col_3">
														<p class="pad_bot2 color1"><strong>La Quadra (Ramos Mejía)</strong></p>
														<p> Direccion: Av. Gaona 2195</p>
														<p> Horario: 22hs</p>
														<a href="https://www.facebook.com/events/156437081192577/?ref=3" target="blank" class="button1"><span></span><strong>Facebook Info</strong></a>
													</div>
												</div>
												<div class="wrapper">
													<div class="col_1"><span class="date"><strong>17</strong><span>Mayo</span></span></div>
													<div class="col_2"><figure><img src="images/fotos/FlyerChillOut.jpg" alt="" style="width: 220px;" class="pad_bot1"></figure></div>
													<div class="col_3">
														<p class="pad_bot2 color1"><strong>Chill Out (Ituzaingó)</strong></p>
														<p> Direccion: Colectora de Gaona 2195</p>
														<p> Horario: 23hs (Puntual)</p>
														<a href="https://www.facebook.com/InnaBieke" target="blank" class="button1"><span></span><strong>Facebook Info</strong></a>
													</div>
												</div>
											</div>
											
										</div>
										
									</div>
								</div>
							</li>
							<li id="page_Contact">
								<div class="box1">
									<div class="inner">
										<a href="#" class="close" data-type="close"><span></span></a>
										<div class="wrapper" style="height:360px;">
											<div class="col1">
												<h2>Contactanos</h2>
												<div id="facebook" style=" width: 500px;height: 80px;">
													<div id="logoFace" style="float:left;width:50px;height:50px;background-image: url('images/fblogo.png');"></div>
													<div id="DescripcionFB" style="padding-top:15px">
													<iframe src="https://www.facebook.com/plugins/like.php?href=www.facebook.com/InnaBiekePaginaOficial"
													scrolling="no" frameborder="0"
													style="border:none; width:440px; height:80px"></iframe>
													</div>
                                                </div>
												<div id="twitter" style=" width: 500px;height: 80px;">
													<div id="logoTwitter" style="float:left;width:50px;height:50px;background-image: url('images/twlogo.png');"></div>
													<div id="DescripcionTw" style="padding-top:15px"> 
													<iframe allowtransparency="true" frameborder="0" scrolling="no"
													src="http://platform.twitter.com/widgets/follow_button.html?screen_name=innabieke"
													style="width:300px; height:20px;"></iframe>
													</div>
                                                </div>
												<div id="youtube" style=" width: 500px;height: 80px;">
													<div id="logoYouTube" style="float:left;width:50px;height:50px;background-image: url('images/ytlogo.png');"></div>
													<div id="DescripcionYT" style="padding-top:15px"> 
													<a href="http://www.youtube.com/user/innabieke?sub_confirmation=1" target="blank"><img src="images/Suscribirse.png"></img></a>
													<!--<iframe id="fr" src="https://www.youtube.com/subscribe_widget?p=innabieke" style="overflow: hidden;height: 105px; width: 300px; border: 0;" scrolling="no" frameborder="0" name="en"></iframe>-->
													</div>
												</div>
											</div>
										</div>
										<!--
										<h2>Dejanos tu mensaje</h2>
										<form id="ContactForm">
											<div style="height:500px;">
												<div  class="wrapper" style="height:45px;">
													<span>Nombre:</span>
													<input type="text" class="input" >
												</div>
												<div  class="wrapper" style="height:50px;">
													<span>Mail:</span>
													<input type="text" class="input" >
												</div>
												<div  class="textarea_box" style="height:180px;">
													<span>Mensaje:</span>
													<textarea name="textarea" cols="1" rows="1"></textarea>
												</div>
												<div class="wrapper" style="height:45px;">
													<span>&nbsp;</span>
													<a href="#" class="button1" onClick="document.getElementById('ContactForm').reset()"><span></span><strong>Limpiar</strong></a>
													<a href="#" class="button1" onClick="document.getElementById('ContactForm').submit()"><span></span><strong>Enviar</strong></a>
												</div>
											</div>
										</form>
										-->
									</div>
								</div>
							</li>
							<li id="page_More">
								<div class="box1">
									<div class="inner">
										<a href="#" class="close" data-type="close"><span></span></a>

										<h2>Read more</h2>
										<div class="wrapper pad_bot3">
											
											<p class="color1 pad_bot2"><strong>Et harum quidem rerum</strong></p>
											<p>Cupiditate noprovident similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas.</p>
										</div>
										<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.</p>
										<p>Occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.</p>
										<div class="wrapper pad_bot3">
											
											<p class="color1 pad_bot2"><strong>Blanditiis praesentium voluptatum</strong></p>
											<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti iusto odio dignissimos ducimus qui atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.</p>
										</div>
										<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.</p>
										<p>Qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.</p>
										<p>Occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.</p>
									</div>
								</div>
							</li>
						</ul>
					</article>
<!-- / content -->
				</div>
			</div>
			<div class="block"></div>
		</div>
		<div class="bg1">
		<div style="width:50%;float:left;">
		<footer>
			<div class="bg_spinner"></div>
								<ul class="pagination">
				<li class="current"><a href="images/bg_img1.jpg">1</a></li>
				<li><a href="images/bg_img2.jpg">2</a></li>
				<li><a href="images/bg_img3.jpg">3</a></li>
			</ul>
			<div class="col_footer">
				<a href="index.html" id="footer_logo">RastaBieké</a> Copyright 2013
			</div>
			<div class="col_footer">
				Designed by <a rel="nofollow" href="www.innabieke.com.ar">RastaBieké Designs</a>
				<!-- {%FOOTER_LINK} -->
			</div>
		</footer>
		</div>
			<div class="" style="width:50%;float:left;">
			<div id="footerAudioPlayer"></div>
<!-- footer -->
				
			</div>
		</div>
		
		<script type="text/javascript"> 
		$(document).ready(function() {
			$('#fotosPresentacion').AccordionImageMenu({
			  'height':200,
			  'openDim': 150,
			  'closeDim': 70
			});
			
			var playList = [
	{
		mp3:'mp3/Desmond Foster - Reggae Music.mp3',
		oga:'mp3/Desmond Foster - Reggae Music.ogg',
        title:'Desmond Foster - Reggae Music'
	},	
	{
		mp3:'mp3/Cultura Profetica - Ilegal.mp3',
		oga:'mp3/Cultura Profetica - Ilegal.ogg',
        title:'Cultura Profetica - Ilegal'
	},
	{
		mp3:'mp3/Cultura Profetica - De antes.mp3',
		oga:'mp3/Cultura Profetica - De antes.ogg',
        title:'Cultura Profetica - De Antes'
	}
	];
			$('#footerAudioPlayer').ttwMusicPlayer(playList, {
				autoPlay:true
			});
			
			
		});
		
		$(window).load(function() {
			$('.spinner').fadeOut();
			$('body').css({overflow:'inherit'})
			$('.jp-play').click();
		})
		
		//Inicializa el control de audio
		audiojs.events.ready(function() {
			var as = audiojs.createAll();
		});
		
		Cufon.now(); 
		</script>
	</body>
</html>